body {
	height:100%;
	height:100%;
	background:#f5ffd8;
}
.main-wrap {
	width:600px;
	margin:0 auto;
}
#main {
	position:relative;
	top:-50px;
}
.all-wrap {
	position:absolute;
	width:99%;
	height:100%;
	overflow:hidden;
	left:0;
	top:0;
}
#footer {
	position:absolute;
	float:left;
	bottom:10px;
	left:10px;
}
#header {
	position:relative;
}
#logo {
	text-align:center;
	font-size:200px;
	font-family: arial;
	font-weight:normal;
	text-shadow: 0 0 8px #888;
	color:#323c14;
	line-height:1;
}
.top-nav {
	position:absolute;
	top:10px;
	right:10px;
}
.top-nav li{
	float:left;
	margin-left:10px;
	font-size:20px;
}
.top-nav a:link, .top-nav a:visited {
	color:#96ac54;
}
.top-nav a:hover, .top-nav a:active{
	color:#8fac39;
}
#form_p {
	width:500px;
	margin:0 auto;
}
.piecebox textarea {
	overflow:hidden;
	width:478px;
	max-width:478px;
	_width:490px;
	padding:8px;
	border:3px solid #91a164;
	-webkit-box-shadow: 0 1px white;
	-moz-box-shadow: 0 1px white;
	box-shadow: 0 1px white;
	-moz-border-radius: 8px; /* FF1+ */
	-webkit-border-radius: 8px; /* Saf3-4 */
	border-radius: 8px; /* Opera 10.5, IE 9, Saf5, Chrome */
	outline:none;
}
.piecebox textarea:focus {
	outline:none;
	-moz-box-shadow:0 0 8px rgba(120,214,51,0.5);
	-webkit-box-shadow:0 0 8px rgba(120,214,51,0.5);
	border-color:rgba(120,214,51,0.75)!important;
}
.piecebox textarea:hover {
	outline:none;
	border:1px solid #999;
	cursor:text!important;
	border:3px solid #5f6941;
}
#form_p .piecebtn {
	text-align:right;
	margin:5px 0;
}
.piecebtn button {
	background:none #a7c64d;
	color:#fff;
	font-weight:bold;
	padding:2px 10px;
	font-size:16px;
	border:#818575 solid 1px;
	-moz-border-radius: 8px; /* FF1+ */
	-webkit-border-radius: 8px; /* Saf3-4 */
	border-radius: 8px; /* Opera 10.5, IE 9, Saf5, Chrome */
}
.piecebtn button:hover {
	text-shadow: -1px -1px 1px #888;
	border-color: #333;
	cursor:pointer;
}